<template>
  <div class="ScoreMap">
     <div id="main"></div>
  </div>
</template>
<script>
import ChinaJson from  "echarts/map/json/china.json"
export default{
  name:'ScoreMap',
  data(){
    return{
    }
  },
  mounted(){
     let myChart = this.echarts.init(document.querySelector('#main'))
     this.echarts.registerMap('china',ChinaJson)

  }
}
</script>
<style lang="scss" scoped>

.ScoreMap{
      width:100%;
   #main{
      width:100%;
      height:600px;
   }
}

</style>